* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  box-sizing: border-box;
}

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background-color: #f7f9fb;
  font-size: 14px;
}

#app {
  height: 100%;
  overflow-y: auto;
}

.min-h-full {
  min-height: 100%;
}

.h-full {
  height: 100%;
}

.section {
  padding-bottom: var(--van-tabbar-height);
}

.section-min {
  min-height: calc(100% - var(--van-tabbar-height));
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.clear-field {
  padding: 0 !important;
}

.cell-list {
  --van-cell-line-height: 36px;
  --van-cell-font-size: var(--lg-font-size);
  margin: 16px;
  .van-cell {
    font-weight: 400;
  }
  .van-cell__value {
    font-size: 14px;
  }
  .van-cell__right-icon {
    font-weight: 600;
    color: #b2b2b6;
  }
}

.field-item {
  --van-cell-line-height: 26px;
  --van-field-label-width: 66px;
  --van-cell-font-size: var(--lg-font-size);
}

.mt-md.mt-md {
  margin-top: var(--margin-value);
}

:root {
  --primary-color: #1890ff;
  --lg-font-size: 16px;
  --padding-value: 16px;
  --margin-value: 16px;
  --van-primary-color: #1890ff !important;
}

.zoom-fade-enter-active,
.zoom-fade-leave-active {
  transition: all 0.2s;
}

.zoom-fade-enter-from {
  opacity: 0;
  transform: translateX(-30px);
  // transform: translateY(-10%);
  // transform: scale(1.1);
}

.zoom-fade-leave-to {
  opacity: 0;
  transform: translateX(30px);
  // transform: translateY(10%);
  // transform: scale(0.9);
}
